@import "common.less";

/*全局变量*/
@font-face {
    font-family: 'f5';
    src: url('/web/font/f5/f5.eot');
    src: url('/web/font/f5/f5.eot?#iefix') format('embedded-opentype'),
    url('/web/font/f5/f5.woff') format('woff'),
    url('/web/font/f5/f5.ttf') format('truetype'),
    url('/web/font/f5/f5.svg#fzlantingheis-r-gbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Nissan";
    src: url('/web/font/nissan/NissanBrandRegular.eot');
    src: url('/web/font/nissan/NissanBrandRegular.eot?#iefix') format('embedded-opentype'),
    url('/web/font/nissan/NissanBrandRegular.woff') format('woff'),
    url('/web/font/nissan/NissanBrandRegular.ttf') format('truetype'),
    url('/web/font/nissan/NissanBrandRegular.svg#fzlantingheis-r-gbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{margin:0;padding:0}
html body{
    color:#333;
    font-family: "Nissan","f5", PingFangSC-Light ,Microsoft Yahei,sans-serif;
    ul,li{list-style-type:none;}
    img {border:0;max-width: 100%;}
    a,input,textarea,button,label,div,select,option{outline: none;appearance: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
    a{color:inherit;text-decoration:none;cursor: pointer;}
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
option::-ms-expand{ display: none; }

//公用样式
.body{min-height: 100%;}
.disNone{display: none;}
.delay-100{.animate-delay(0.1s);}
.delay-250{.animate-delay(0.25s);}
.delay-500{.animate-delay(0.5s);}
.delay-750{.animate-delay(0.75s);}
.delay-1000{.animate-delay(1s);}
.delay-1500{.animate-delay(1.5s);}
.delay-2000{.animate-delay(2s);}
.c-pulse{animation-name: c-pulse;}
[v-cloak] {display: none;}

body .layui-layer{
    box-shadow: none;
    .layui-layer-content{
        b.red{color: red;font-size: 24px;}
    }
    .hui{background-color: #8D8D8D!important;border-color: #8D8D8D!important;}
}

//日产reset
.clearfix {
    zoom: 1;
    _height: 1px
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

//返回按钮
.btn-back{display: none;}


//公共列表区域
.rank-box{
    margin-top: 60px;
    .first{
        width: 700px;margin: 0 auto;height: 463px;
        .pic-box{
            float: left;height: 100%;width: 350px;background-image: url("/web/views/index/img/rank-first-bg.png");padding: 20px 15px 17px 17px;box-sizing: border-box;
            .pic{display: block;background: center / cover no-repeat;width: 100%;height: 100%;position: relative;border: 3px solid #fff;}
        }
        .info{
            float: left;width: 310px;margin: 80px 0 0 40px;
            .name{margin-top: 50px;font-size: 32px;font-weight: bold;color: #d01e25;}
            .text{color: #595757;font-size: 20px;margin-top: 10px;line-height: 30px;}
        }
    }
    .ul{
        margin: 0 0 0 -90px;overflow: hidden;
        .li{
            float: left;margin: 90px 0 0 89px;cursor: pointer;
            &:hover .pic .cover{opacity: 1;}
            .pic{
                position: relative;width: 225px;height: 300px;border: 4px solid #d01e25;background: center / cover no-repeat;
                .cover{
                    opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);color: #fff;font-size: 16px;line-height: 32px;padding-top: 66px;text-align: center;transition: .5s;
                }
            }
            .text{
                font-size: 16px;color: #595757;text-align: center;padding: 20px 0;line-height: 24px;
            }
        }
    }
    .rank-like{
        position: absolute;height: 24px;padding: 0 10px 0 26px;z-index: 1;min-width: 64px;border-radius: 8px;color: #fff;font-size: 20px;line-height: 24px;box-sizing: border-box;top: 12px;left: 12px;background: #d01e25 url("/web/views/index/img/icon-like.png") 8px 5px no-repeat;
    }
    .to-vote{
        width: 285px;height: 70px;background: url("/web/views/index/img/to-vote.png");display: block;margin: 70px auto 0;
    }
    .btn-vote{
        width: 125px;height: 31px;display: block;margin: 0 auto;background-image: url("/web/views/index/img/btn-vote.png");
    }
    .loading{
        line-height: 30px;text-align: center;color: #999;margin-top: 20px;
    }
}

//回到顶部
.to-top{
    position: fixed;width: @content;height: 0;left: 50%;bottom: 100px;margin-left: -600px;display: none;
    a{position: absolute;right: -100px;width: 84px;height: 103px;bottom: 0;background-image: url("/web/img/back-top.png");}
}

@media (max-width: 1440px) {
    .to-top{
        position: static;
        a{position: fixed;right: 20px;bottom: 100px;}
    }
}

@media (max-width: @sreen) {
    .btn-back{display: block;position: fixed;top: 50%;margin-top: -38px;width: 35px;z-index: 9999;height: 74px;background: url("/web/img/btn-back.png") center / contain no-repeat;right: 0;}
}


